{% extends "fladmin/public/base.html" %}
{% block title %}文章修改{% endblock %}

{% block content %}
<script language="javascript" type="text/javascript" src="{{'CMS_BASEHOST'|sysconfig}}/static/js/My97DatePicker/WdatePicker.js"></script>
<h5 class="sub-header"><a href="{{'CMS_BASEHOST'|sysconfig}}/fladmin/article/index">文章列表</a> > 文章修改</h5>

<form id="addarc" method="post" action="{{'CMS_BASEHOST'|sysconfig}}/fladmin/article/edit" role="form" enctype="multipart/form-data" class="table-responsive">
<table class="table table-striped table-bordered">
<tbody>
    <tr>
        <td align="right"><font color="red">*</font>文章标题：</td>
        <td><input name="title" type="text" id="title" value="{{post.title}}" class="required" style="width:60%" placeholder="在此输入标题"><input style="display:none;" name="id" type="text" id="id" value="{{id}}"></td>
    </tr>
    <tr>
        <td align="right">是否审核：</td>
        <td>
			<input type="radio" value='0' name="status" {% if post.status==0 %} checked {% endif %}/>&nbsp;是&nbsp;&nbsp;
			<input type="radio" value='1' name="status" {% if post.status==1 %} checked {% endif %} />&nbsp;否
		</td>
    </tr>
    <tr>
        <td align="right">推荐：</td>
        <td>
            <select name="tuijian" id="tuijian">
            
             {% for k,y in ''|tuijian %}
            <option value="{{k}}">{{y}}
                </option>{% endfor %}
            </select>
        </td>
    </tr>
    <tr>
        <td align="right">发布时间：</td>
        <td colspan="2"><input name="update_time" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})" type="text" id="update_time" style="width:185px" value="{% if post.update_time !=0 %} {{post.update_time|date}} {% endif %}"></td>
    </tr>
    <tr>
        <td align="right">seoTitle：</td>
        <td><input name="seotitle" type="text" id="seotitle" value="{{post.seotitle}}" style="width:60%"></td>
    </tr>
    <tr>
        <td align="right" style="vertical-align:middle;">缩略图：</td>
        <td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="litpic" type="text" id="litpic" value="{{post.litpic}}" style="width:40%"> <img style="margin-left:20px; {% if not post.litpic %} display:none {% endif %}" src="{% if post.litpic %} post.litpic {% endif %}" width="120" height="80" id="picview" name="picview"></td>
    </tr>
<script type="text/javascript">
var _editor;
$(function() {
    //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
    _editor = UE.getEditor('ueditorimg');
    _editor.ready(function () {
        //设置编辑器不可用
        _editor.setDisabled('insertimage');
        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
        _editor.hide();
        //侦听图片上传
        _editor.addListener('beforeInsertImage', function (t, arg) {
            //将地址赋值给相应的input,只取第一张图片的路径
			$('#litpic').val(arg[0].src);
            //图片预览
            $('#picview').attr("src",arg[0].src).css("display","inline-block");
        })
    });
});
//弹出图片上传的对话框
function upImage()
{
    var myImage = _editor.getDialog("insertimage");
	myImage.render();
    myImage.open();
}
</script>
<script type="text/plain" id="ueditorimg"></script>
    <tr>
        <td align="right">来源：</td>
        <td colspan="2">
            <input name="source" type="text" id="source" style="width:160px" value="{{post.source}}" size="16">&nbsp;&nbsp; 
            作者：<input name="writer" type="text" id="writer" style="width:100px" value="{{post.writer}}">&nbsp;&nbsp; 
            浏览次数：<input type="text" name="click" id="click" value="{{ 500 |randomInt}}" style="width:80px;"></td>
    </tr>
    <tr>
        <td align="right">文章栏目：</td>
        <td>
            <select name="type_id" id="type_id">
                {% for row in article_type_list %}
                 {% if row.id==type_id %}
                <option selected="selected" value="{{row.id}}">
                    {% for i in range(row.deep|int) %}
                    —
                    {% endfor %}
                    {{row.name}}
                   </option>
                {% else %}
                <option value="{{row.id}}">
                    {% for i in range(row.deep|int) %}
                    —
                    {% endfor %}
                    {{row.name}}
                    </option>
                {% endif %}
                {% endfor %}
            </select>
        </td>
    </tr>
    <tr>
        <td align="right">关键词：</td>
        <td><input type="text" name="keywords" id="keywords" style="width:50%" value="{{ post.keywords }}"> (多个用","分开)</td>
    </tr>
    <tr>
        <td align="right">TAG标签：</td>
        <td><input type="text" name="tags" id="tags" style="width:50%" value="{{ tags }}"> (多个用","分开)</td>
    </tr>
    <tr>
        <td align="right" style="vertical-align:middle;">内容摘要：</td>
        <td><textarea name="description" rows="5" id="description" style="width:80%;height:70px;vertical-align:middle;">{{post.description}}</textarea></td>
    </tr>
    <tr>
        <td align="right">附加选项：</td>
        <td>
            <input name="dellink" type="checkbox" class="np" id="dellink" value="1">
            删除非站内链接 
            <input name="autolitpic" type="checkbox" class="np" id="autolitpic" value="1" checked>
            提取第一个图片为缩略图
        </td>
    </tr>
    <tr>
        <td colspan="2"><strong>文章内容：</strong></td>
    </tr>
    <tr>
        <td colspan="2">
<!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain">{{post.content|safe}}</script>
<!-- 配置文件 --><script type="text/javascript" src="/static/other/flueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 --><script type="text/javascript" src="/static/other/flueditor/ueditor.all.min.js"></script>
<!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script></td>
    </tr>
    <tr>
        <td colspan="2"><button type="submit" class="btn btn-success" value="Submit">保存(Submit)</button>&nbsp;&nbsp;<button type="reset" class="btn btn-default" value="Reset">重置(Reset)</button><input type="hidden"></input></td>
    </tr>
</tbody></table></form><!-- 表单结束 -->

<script>
$(function(){
    $(".required").blur(function(){
        var $parent = $(this).parent();
        $parent.find(".formtips").remove();
        if(this.value=="")
        {
            $parent.append(' <small class="formtips onError"><font color="red">不能为空！</font></small>');
        }
        else
        {
            $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
        }
    });

    //重置
    $('#addarc input[type="reset"]').click(function(){
            $(".formtips").remove(); 
    });

    $("#addarc").submit(function(){
        $(".required").trigger('blur');
        var numError = $('#addarc .onError').length;
        
        if(numError){return false;}
        
    
    });
});
</script>
{% endblock %}